<template>
  <br />
  <z-button type="primary" @click="openNotification">Open the notification box</z-button>
</template>

<script>
import { notification } from '../../../../lib/index.js'
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    const openNotification = () => {
      notification.open({
        message: 'Notification Title',
        description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.',
        onClick: () => {
          console.log('Notification Clicked!')
        }
      })
    }
    return {
      openNotification
    }
  }
})
</script>
